.content{max-width: 1680px; box-sizing: border-box; margin: 0px auto;width:100%;} .content2{max-width: 1400px;box-sizing: border-box;margin: 0px auto;} .maodian{height: 0px;transform: translateY(-128px);} /* 头部 */ .pub_top{ position: fixed; width: 100%; top: 0px; z-index: 9999999; background: #fff; height: 128px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: space-between; transition: all 220ms linear; } .pub_top.on{height: 92px;} .pub_top .logo{ padding-left: 120px; } .pub_top .nav_box{display: flex;justify-content: right;align-items: center; height: 100%;} .pub_top .nav_box>ul{display: flex;padding-right: 50px;} .pub_top .nav_box>ul>li{height: 40px;line-height: 40px;position: relative;} .pub_top .nav_box>ul>li>a{font-size: 16px;color: #333333;width: 100px;text-align: center;display: block;} .pub_top .nav_box>ul>li.cur>a{font-weight: bold;color: #c90000;} .pub_top .nav_box>ul>li .sub{ white-space: nowrap;min-width: 100px;box-sizing: border-box; position: absolute;top: 70px;white-space: nowrap;left: 50%;transform: translateX(-50%); background: #fff;padding: 10px 15px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transition: all 320ms linear;border-radius: 4px; visibility: hidden;opacity: 0;filter: opacity(alpha=0); } .pub_top .nav_box>ul>li .sub::after{content: "";width: 8px;height: 8px;transform: rotate(45deg) translateX(-50%) ;position: absolute;top: 0px;left: 50%;background: #fff;} .pub_top .nav_box>ul>li .sub a{ display: block;text-align: center;font-size: 14px;color: #333; line-height: 1.3em;padding: 5px 0px; } .pub_top .nav_box>ul>li .sub a:hover{color: #000;} .pub_top .nav_box>ul>li:hover .sub{ top: 45px; visibility:visible;opacity: 1;filter: opacity(alpha=100); } .pub_top .top_search{padding-left: 50px; padding-right: 120px;height: 100%;display: flex;align-items: center; background: url(/static/default/assets/img/in_search_bg.jpg) center no-repeat;background-size: cover;} .pub_top .top_search .box{display: flex;justify-content: space-between;align-items: center;} .pub_top .top_search .fwtel{width: 240px;height: 40px;line-height: 40px;background:url(/static/default/assets/img/tp_tel.png) left no-repeat;font-size:24px;color:#fff;padding-left:50px;} .pub_top .top_search .search_txt{width: 350px;height: 40px;line-height: 40px; border: none;color: #fff;background: transparent;outline: none;} .pub_top .top_search .search_txt::placeholder{color: #fff;} .pub_top .top_search .search_btn{cursor: pointer; width: 40px;height: 40px;border: none;outline: none;background:url(/static/default/assets/img/icon_search_1.png) center no-repeat #fff;background-size: 100%; border-radius: 50%;} .fixed_space{margin-top: 128px;} .x_hhh {position:relative;} .x_hhh .swiper-slide{position: relative;} .x_hhh .swiper-slide .con_box{text-align: center;width: 100%; position: absolute;top: 45%; left: 0px;opacity: 0;visibility: hidden;transition: all 580ms linear;} .x_hhh .swiper-slide .con_box.on{opacity: 1;visibility: visible;transform: translateY(-50%);} .x_hhh .swiper-slide .con_box .title{font-size: 32px;color: #fff;margin-bottom: 30px;} .x_hhh .swiper-slide .con_box .desc{font-size: 60px;color: #fff;font-weight: bold;line-height: 1em;} .x_hhh .swiper-paginationx { display: flex; align-items: center; justify-content: center; height: 50px; position:absolute; left:0px;bottom:70px;z-index:2; } .x_hhh .swiper-container { width: 24px; height: 24px; margin: 0 0px; position: relative; } .x_hhh .progress-circle { width: 100%; height: 100%; fill: none; stroke: #fcfbfb; stroke-width: 2; stroke-dasharray: 70; stroke-dashoffset: 70; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset 0.5s ease; } .progress-container{ width: 24px; height: 24px; } .x_hhh .swiper-pagination-bullet{width:24px;height:24px;background:url(/static/default/assets/img/dd1.png) no-repeat center;opacity: 1;} .x_hhh .swiper-pagination-bullet-active{background:url(/static/default/assets/img/dd2.png) no-repeat center;} .x_hhh .swiper-pagination-bullet-active .progress-circle{animation: 5s linear 0s 1 normal forwards running fill-progress;} @keyframes fill-progress { 0% { stroke-dashoffset: 70; } 100% { stroke-dashoffset: 0; } } .in_ban{position: relative;overflow:hidden;} .in_ban .ban_mouse{cursor: pointer; z-index: 99; animation: 2s linear mouse infinite; width: 27px;height: 37px;background: url(../images/icon_mouse.png) center no-repeat;background-size: 100%;position: absolute;bottom:160px;left: 50%;transform: translateX(-50%); } @keyframes mouse { 0% { opacity: 0.2; transform: translateX(-50%) translateY(0px); } 100% { opacity: 1; margin-top: 10px; transform: translateX(-50%) translateY(10px); } } /* 产品中心 */ .in_pro{display: flex;justify-content: space-between;overflow:hidden;} .in_pro .title_box{width: 240px;display: flex; justify-content: center;align-items: center;background: url(/static/default/assets/img/in_pro_title_bg.jpg) center no-repeat;background-size: cover;} .in_pro .title_box .title{font-size: 68px;color: #fff;opacity: 0.35;transform: rotate(180deg); writing-mode: vertical-lr; white-space: nowrap; } .in_pro .list_box{width:100%;box-sizing: border-box;padding-left: 0;padding-top: 0px;padding-bottom: 50px;background: url(/static/default/assets/img/in_pro_list_bg.jpg) center no-repeat;background-size: cover;} .in_pro .btn_box{display: flex;justify-content: right;padding-right: 0;} .in_pro .btn_box>div{margin:40px 0 30px 0;cursor: pointer; width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;background: url(/static/default/assets/img/swiper_btn_2.png) center no-repeat;background-size: 100%; } .in_pro .btn_box>div.btn_next{transform: rotateY(180deg);} .in_pro .btn_box>div:hover{background: url(/static/default/assets/img/swiper_btn_1_on.png) center no-repeat;background-size: 100%;} #in_pro_swiepr .swiper-slide{width: 380px;background: #fff;} #in_pro_swiepr .swiper-slide img{width:100%;height:auto;} /* 关于我们 */ .in_abo_title1 { text-align: center; overflow: hidden; padding-top:50px; padding-bottom: 50px; } .in_abo_title1 font { font-family: arial; text-transform: uppercase; background: linear-gradient(rgb(246, 246, 246) 0%, rgb(246, 246, 246) 50%, transparent 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 80px; font-weight: bold; overflow: hidden; line-height: 1; display: block; height: 50px; } .in_abo_title1 p { color: rgb(51, 51, 51); font-size: 40px; font-weight: bold; line-height: 1; display: inline-block; } .in_abo_title_box{display: flex;justify-content: space-between;margin: 50px 0 30px;} .in_abo_title_box .title{color: #333;} .in_abo_title_box .more{font-size: 16px;color: #c90000;display: block;} .in_about{font-size:16px;color:#666;line-height:170%;} .in_about .mydiv{opacity: 0.8; width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 1;overflow: hidden;} .in_about .content{padding-top: 190px;padding-bottom: 150px;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 2; display: flex;justify-content: space-between;} .in_about .content .con_box{max-width: 970px;color: #fff;position: relative;margin-top: -60px;} .in_about .content .con_box>.tit{opacity: 0.6;margin-bottom: 25px;padding-left: 22px;position: relative;} .in_about .content .con_box>.tit::after{content: "";width: 14px;height: 2px;background: #fff;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);} .in_about .content .con_box .desc{font-size: 18px;line-height: 2em;} .in_about .content .con_box .data_box{margin-top: 130px;display: flex;justify-content: left;} .in_about .content .con_box .data_box .item{margin-right: 100px;text-align: center;} .data_box .item .number{display: flex;align-items: center;justify-content: center;} .data_box .item .number .num{font-size: 52px;margin-right: 3px;font-family: simsun;} .data_box .item .number .plus{font-size: 32px;line-height: 64px;} .data_box .item .title{font-size: 16px;line-height: 32px;} .in_about .content .more_box{text-align: center; display: flex;justify-content: center;align-items: center; border-bottom: 5px solid #4cb9c4; width: 337px;height: 437px;background: url(../images/in_about_more_bg.jpg) center no-repeat;background-size: cover;} .in_about .content .more_box .tit{font-size: 40px;color: #fff;font-family: simsun;line-height: 1.3em;font-style: italic;font-weight: bold;margin-bottom: 70px;} .in_about .content .more_box .more{height: 60px;line-height: 60px; padding: 0px 50px;font-size: 16px;color: #fff;border-radius: 32px;border: 1px solid #fff;display: inline-block;} /* 首页产品展示 */ .in_pro_title_box{display: flex;justify-content: space-between;margin: 50px 0 30px;} .in_pro_title_box .title{color: #333;} .in_pro_title_box .more{font-size: 16px;color: #87b844;display: block;} .in_pro_show{padding-bottom: 80px; background: url(/static/default/assets/img/in_pro_show_bg.jpg) center no-repeat;background-size: cover;overflow:hidden;} .in_pro_show .show{overflow:hidden;height:auto;} #in_pro_show .swiper-slide{display: flex;justify-content: center;padding: 50px 0px 20px 0;} #in_pro_show .swiper-slide .con_rtbox{float:right;height:auto;overflow:hidden;width:40%;text-align:right;} #in_pro_show .swiper-slide .con_rtbox img{width:72%;height:auto;text-align:right;} #in_pro_show .swiper-slide .con_box{float:left;overflow:hidden;width:30%;padding-top:20px;} #in_pro_show .swiper-slide .con_box .type{font-size: 32px;color: #c70000;line-height: 1em;margin-bottom: 25px; font-weight:600;} #in_pro_show .swiper-slide .con_box .title{overflow:hidden} #in_pro_show .swiper-slide .con_box .more{font-size: 16px;color: #fff;text-align: center; margin-top: 30px;display: block; width: 130px;height: 45px;line-height:45px;background-image: linear-gradient(-79deg, #0042ae 0%, #47b9ce 100%), linear-gradient( #d4572a, #d4572a); background-blend-mode: normal, normal; border-radius: 31px; transition: all linear 620ms; } #in_pro_show .swiper-slide .con_box .more:hover{background-image: linear-gradient(79deg, #0042ae 0%, #47b9ce 100%), linear-gradient( #d4572a, #d4572a); background-blend-mode: normal, normal; transition: all linear 620ms; } .in_pro_show .show .btn_box{ width: 86px;border-radius: 43px;background: #fff;position: absolute;right: 10%;top:50%;transform: translateY(-50%);z-index: 1;} .in_pro_show .show .btn_box .item{text-align: center;padding: 30px 0px;position: relative;cursor: pointer;} .in_pro_show .show .btn_box .item .tit{font-size: 14px;color: #87b844;} .in_pro_show .show .btn_box .item::after{content: "";width: 66px;height: 2px;background-color: #f0f5f7;position: absolute;bottom: -1px;left:50%;transform: translateX(-50%);} .in_pro_show .list{display: flex;justify-content: center;align-items: center;} .in_pro_show .list .btn_prev,.in_pro_show .list .btn_next{ margin: 0px 25px;cursor: pointer; width: 40px;height: 40px;background: url(/static/default/assets/img/swiper_btn_1.png) center no-repeat;background-size: 100%; } .in_pro_show .list .btn_next{transform: rotateY(180deg);} .in_pro_show .list .btn_prev:hover,.in_pro_show .list .btn_next:hover{background: url(/static/default/assets/img/swiper_btn_1_on.png) center no-repeat;background-size: 100%;} #in_pro_thumb {width: 1040px;margin-left: initial;margin-right: initial;} #in_pro_thumb .swiper-slide{cursor: pointer; background: #fff;border: 3px solid #fff;box-sizing: border-box;} #in_pro_thumb .swiper-slide .box{display: flex;justify-content: space-between;padding: 10px 0px 10px 10px;} #in_pro_thumb .swiper-slide .box img{width: 68px;height: 68px;object-fit: contain;display: block;} #in_pro_thumb .swiper-slide .box .con_box{padding: 0px 20px;box-sizing: border-box; width: calc(100% - 68px);position: relative;display: flex;align-items: center;} #in_pro_thumb .swiper-slide .box .con_box::after{content: "";width: 1px;height: 68px;background-color: #d3e8dc;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);} #in_pro_thumb .swiper-slide .box .con_box .type{font-size: 18px;color: #000;line-height: 1em;margin-bottom: 8px;} #in_pro_thumb .swiper-slide .box .con_box .title{font-size: 16px;color: #333;line-height: 1em;} #in_pro_thumb .swiper-slide.on{border-image: linear-gradient(to bottom, #47b9ce, #0042ae);border-image-slice: 1;} #in_pro_thumb .swiper-slide .box .con_box::after{width:0.01rem;height:0.68rem;} .in_title { font-size: 36px; line-height: 36px; } /* 新闻中心 */ .in_news{padding: 50px 0px 60px;overflow:hidden;background:#f7f7f7;} .in_news .title_box{display: flex;justify-content: space-between;margin-bottom: 40px;} .in_news .title_box .title{color: #333;} .in_news .title_box .more{font-size: 16px;color: #c90000;display: block;} .in_news .news_box{display: flex;justify-content: space-between;} .in_news .news_box .list_box{width: calc(100% - 400px);padding-right: 20px;} .in_news .news_box .list_box .item{display: flex;justify-content: space-between;margin-bottom: 39px;} .in_news .news_box .list_box .item:last-child{margin-bottom: 0px;} .in_news .news_box .list_box .item .img_box{width: 311px;height: 184px;display: block;} .in_news .news_box .list_box .item .img_box img{width: 100%;height: 100%;object-fit: cover;display: block;} .in_news .news_box .list_box .item .con_box{width: calc(100% - 311px);box-sizing: border-box;padding-left: 43px;padding-right: 30px;} .in_news .news_box .list_box .item .con_box .time{font-size: 14px;line-height: 24px;color: #333333;opacity: 0.5;} .in_news .news_box .list_box .item .con_box .title{display: block; font-size: 22px;line-height: 36px;color: #333333;} .in_news .news_box .list_box .item .con_box .desc{font-size: 14px;line-height: 28px;color: #333333;margin-bottom: 40px;} .in_news .news_box .list_box .item .con_box .more{display: inline-block;padding-right: 26px;font-size: 14px;color: #c90000;position: relative;} .in_news .news_box .list_box .item .con_box .more::after{content: ""; width: 18px;height: 6px;background: url(../images/in_arrow_1.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);} .in_news .news_box .hot_box{width: 400px;background: #fff;padding: 30px 45px;box-sizing: border-box;} .in_news .news_box .hot_box .title{font-size: 22px;color: #34373a;line-height: 36px;display: block;} .in_news .news_box .hot_box .desc{font-size: 14px;opacity: 0.7;color: #34373a;line-height: 2em;} .in_news .news_box .hot_box .img_box{width: 311px;height: 184px;display: block;margin: 25px 0px;} .in_news .news_box .hot_box .img_box img{width: 100%;height: 100%;object-fit: cover;} .in_news .news_box .hot_box .info{display: flex;justify-content: space-between;} .in_news .news_box .hot_box .info .time{font-size: 14px;color: #333333;opacity: 0.5;} .in_news .news_box .hot_box .info .more{display: block;padding-right: 26px;font-size: 14px;color: #333333;position: relative;} .in_news .news_box .hot_box .info .more::after{content: ""; width: 18px;height: 6px;background: url(/static/default/assets/img/in_arrow_2.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);} /* 合作伙伴 */ .in_partner{padding: 100px 0px 80px;background: url(/static/default/assets/img/ying.jpg) center no-repeat;background-size: cover;overflow:hidden;} .in_partner .title_box{margin-bottom: 60px;display: flex;justify-content: space-between;} .in_partner .title_box .title{color: #fff;} .in_partner .title_box .btn_box{display: flex;justify-content: right;} .in_partner .title_box .btn_box div{cursor: pointer; width: 38px;height: 38px;background: url(/static/default/assets/img/swiper_btn_3.png) center no-repeat;background-size: 100%;} .in_partner .title_box .btn_box div.btn_next{transform: rotateY(180deg);margin-left: 22px;} .in_partner .title_box .btn_box div:hover{background: url(/static/default/assets/img/swiper_btn_3_on.png) center no-repeat;background-size: 100%;} #in_partner_swiper{height: 300px;} #in_partner_swiper .swiper-slide{display: flex;justify-content: center;align-items: center; height: calc((100% - 50px) / 2) !important;} #in_partner_swiper .swiper-slide a{width: 100%;height: 100%;display: block;background: #fff;} #in_partner_swiper .swiper-slide img{width: 100%;height: 100%;display: block;object-fit: contain;} .in_partner .list_box ul{width:100%; display:flex;justify-content:space-between;flex-wrap:wrap;} .in_partner .list_box ul li{width:calc(20% - 16.666666px);} .in_partner .list_box ul li img{ border-radius:8px;width:100%;height:auto;} .in_partner .list_box ul li p{text-align:center;font-size:17px;color:#fff;padding-top:10px;} .in_partner .list_box ul li a{ width: 100%; display: block; background: #fff;margin-bottom:20px; } .in_partner .list_box ul li a img{width:100%;display:block;object-fit:contain;} /* 底部 */ .pub_foot { background: #fafafa; } .pub_foot .content{display: flex;padding-top: 80px;padding-bottom: 80px; justify-content: space-between;} .pub_foot .logo_box .logo{display: block;margin-bottom: 22px;} .pub_foot .logo_box ul{display: flex;justify-content: left;flex-wrap: wrap;} .pub_foot .logo_box ul li a{font-size: 16px;color: #333333;margin-right: 35px;} .pub_foot .logo_box ul li:last-child a{margin-right: 0px;} .pub_foot .qrcode_box{display: flex;justify-content: center;} .pub_foot .qrcode_box .item{text-align: center;margin: 0px 15px;} .pub_foot .qrcode_box .item .tit{font-size: 14px;color: #333333;line-height: 2em;} .pub_foot .info_box{display: flex;justify-content: left;} .pub_foot .info_box .item:first-child{margin-right: 40px;} .pub_foot .info_box .item p{font-size: 14px;color: #333333;line-height: 32px;} .pub_foot .info_box .item p .tel{font-size: 28px;color: #87b844;font-style: italic;} .copyright{padding-bottom: 40px;text-align: center;font-size: 14px;line-height: 26px;color: #333333;} .copyright a{color: #333333;} /* 内页 */ .ny_ban{height: 520px;background-size: cover;background-repeat: no-repeat;background-position: center;} .ny_ban .content{height: 100%;position: relative;} .ny_ban .content .c_box{width: 100%; position: absolute;bottom: 120px;} .ny_ban .title_box{margin-bottom: 76px;} .ny_ban .title_box .title{font-size: 48px;color: #ffffff;line-height: 1em;margin-bottom: 20px;} .ny_ban .title_box .desc{font-size: 18px;color: #ffffff;line-height: 1em;opacity: 0.6;} .ny_ban .tool_box{display: flex;justify-content: space-between;align-items: center;} .ny_ban .tool_box .mouse{width: 27px;height: 37px;background: url(../images/icon_mouse.png) center no-repeat;background-size: cover;cursor: pointer;} .ny_ban .tool_box .search_box{width: 840px;height: 72px;line-height: 72px; background: #fff;position: relative;} .ny_ban .tool_box .search_box .ny_search_input{box-sizing: border-box; width: 100%;height: 100%;line-height: 72px;padding-left: 33px;padding-right: 100px;border: none;outline: none;} .ny_ban .tool_box .search_box .ny_search_btn{cursor: pointer; width: 72px;height: 72px;background: url(../images/icon_search_2.png) center no-repeat;background-size: 100%;position: absolute;top: 0px;right: 10px;border: none;outline: none;} .ny_ban .tool_box .ny_nav ul{display: flex;justify-content: left;} .ny_ban .tool_box .ny_nav ul li{width: 160px;height: 64px;box-sizing: border-box;border: 1px solid #fff;margin-left: 24px;} .ny_ban .tool_box .ny_nav ul li a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;text-align: center;} .ny_ban .tool_box .ny_nav ul li a .arrow{display: none;} .ny_ban .tool_box .ny_nav ul li a .title{font-size: 18px;line-height: 20px;color: #fff;} .ny_ban .tool_box .ny_nav ul li:hover,.ny_ban .tool_box .ny_nav ul li.on{} .ny_ban .tool_box .ny_nav ul li:hover .arrow,.ny_ban .tool_box .ny_nav ul li.on .arrow{margin-top: 18px;margin: 0px auto;display: inline-block;} .ny_ban .tool_box .data_box{display: flex;justify-content: right;} .ny_ban .tool_box .data_box .item{color: #fff;margin-left: 120px;} /* 简介 */ .ab_about{font-size:17px;color:#666;line-height:180%;padding:80px 0;} .ab_summary{background: url(../images/ny_about_bg.jpg) center no-repeat;background-size:cover;padding-bottom: 80px;} .ab_summary .info_box{padding: 80px 0px;display: flex;justify-content: space-between;} .ab_summary .info_box .title_box{width: 300px;} .ab_summary .info_box .title_box .title{font-size: 28px;color: #333;margin-bottom:30px;} .ab_summary .info_box .title_box .en_title{font-size: 50px;color: #333333;opacity: 0.1;transform: rotate(180deg); writing-mode: vertical-lr; white-space: nowrap;} .ab_summary .info_box .con_box{width: calc(100% - 300px);font-size: 16px;line-height: 2em;color: #333;} .ab_summary .tab_box{background: rgba(51, 51, 51, 0.6);padding-bottom: 45px;} .ab_summary .tab_box .summarys{padding: 200px 40px;text-align: center;} .ab_summary .tab_box .summarys .summary{ box-sizing: border-box; font-size: 36px;color: #fff;line-height: 1.5em; display: none; margin: 0 auto; text-align: center;position: relative;} .ab_summary .tab_box .summarys .summary.on{display: inline-block;margin: 0px auto;} .ab_summary .tab_box .summarys .summary.on::after{content: "";width: 53px;height: 26px;background: url(../images/icon_yh.png) center no-repeat;background-size: 100%;position: absolute;top: 0px;left: 0px;transform: translate(-50%,-50%);} .ab_summary .tab_box .tabs{ display: flex;justify-content: space-around;padding: 0px 80px;} .ab_summary .tab_box .tabs .tab{width: calc(20% - 64px);cursor: pointer;} .ab_summary .tab_box .tabs .tab .box{box-sizing: border-box; border:1px solid #fff; display: flex;justify-content: space-between;align-items: center; height: 72px;line-height:70px;padding: 0px 20px;color: #fff;} .ab_summary .tab_box .tabs .tab .box .tit{font-size: 22px;} .ab_summary .tab_box .tabs .tab .box .icon{height: 22px;} .ab_summary .tab_box .tabs .tab.on .box,.ab_summary .tab_box .tabs .tab:hover .box{background-image: linear-gradient(260deg, #87b844 0%, #47b9ce 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal;} .ab_honor{padding: 80px 0px;} .ab_honor .content{display: flex;justify-content: space-between;} .ab_honor .title_box{width: 340px;padding-right: 80px;box-sizing: border-box;} .ab_honor .title_box .title{margin-bottom: 60px;} .ab_honor .title_box .tab_box{margin-bottom: 50px;} .ab_honor .title_box .tab_box .item{cursor: pointer; padding: 20px 0px;font-size: 16px;color: #666;position: relative;} .ab_honor .title_box .tab_box .item::after{opacity: 0; content: "";width: 9px;height: 13px;background: url(../images/ny_arrow_4.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);} .ab_honor .title_box .tab_box .item.on,.ab_honor .title_box .tab_box .item:hover{font-size: 20px;color: #83c449;border-bottom: 1px solid #83c449;} .ab_honor .title_box .tab_box .item.on::after,.ab_honor .title_box .tab_box .item:hover::after{opacity: 1;} .ab_honor .title_box .btn_box{display: flex;justify-content: left;} .ab_honor .title_box .btn_box div{cursor: pointer; width: 38px;height: 38px;background: url(../images/swiper_btn_2.png) center no-repeat;background-size: 100%;margin-right: 22px;} .ab_honor .title_box .btn_box div.btn_next{transform: rotateY(180deg);} .ab_honor .title_box .btn_box div:hover{background: url(../images/swiper_btn_2_on.png) center no-repeat;background-size: 100%;} .ab_honor .list_box{width: calc(100% - 340px);} #honor_swiper .swiper-slide{box-sizing: border-box;padding: 9px;background:#ededed;} #honor_swiper .swiper-slide img{width: 100%;display: block;} .qyhj{width:auto;height:auto;overflow:hidden;padding:70px 0 20px 0;} .qyhj ul{display:grid;grid-template-columns: repeat(4,1fr);gap:30px} .qyhj li{overflow:hidden;} .qyhj li img{width:100%;height:auto;} .anli{width:auto;height:auto;overflow:hidden;padding:70px 0 20px 0; min-height:360px;} .anli ul{display:grid;grid-template-columns: repeat(4,1fr);gap:30px} .anli li{overflow:hidden;} .anli li img{width:100%;height:auto;} .honor{width:auto;height:auto;overflow:hidden;margin-top:30px;padding:70px 0 20px 0; min-height:300px;} .honor ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px} .honor li{overflow:hidden;} .honor li .pic{width:100%;height:auto;overflow:hidden;} .honor li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;} .honor li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} /* 产品介绍 */ .ny_pro_show{overflow:hidden; background:#f6f6f6;} .ny_pro_show .position{padding:20px 0px;font-size: 14px;color: #333;} .ny_pro_show .pro_show{ display: flex;justify-content: space-between;align-items: center;padding-bottom: 0px;} .ny_pro_show .pro_show .info_box{width: 40%;} .ny_pro_show .pro_show .info_box .title{font-size: 30px;color: #333333;line-height: 28px;margin-bottom: 25px;font-weight:600;} .ny_pro_show .pro_show .info_box .line{width: 100%;background: #0043a5;height: 1px;} .ny_pro_show .pro_show .info_box .summary{font-size: 15px;color: #333;line-height: 2em;margin: 30px 0px;} .tag_nav{overflow:hidden;margin:0 auto;padding: 0 0;text-align:left;} .tag_nav a {display: inline-block;width: 100px;height: 45px;font-size: 15px;color: #fff;line-height: 45px;border-radius: 8px;margin: 0 6px;background:#003487;text-align:center;} .tag_nav a:hover{} .ny_pro_show .pro_show .show_box{width: 55%;display: flex;justify-content: space-between;_align-items:center;} #big_pro_swiper{width: calc(100% - 185px);} #big_pro_swiper .swiper-slide{display: flex;justify-content: center;align-items: center;padding-bottom: 0px;} #big_pro_swiper .swiper-slide img{width:85%;height:auto} #small_pro_swiper{width: 185px;height: 484px;overflow: hidden;} #small_pro_swiper .swiper-slide{width: 100%;background: #fff;box-sizing: border-box;} #small_pro_swiper .swiper-slide img{width: 100%;height:100%;display: block;object-fit: contain;} #small_pro_swiper .swiper-slide.on{border: 3px solid #df0000;} .ny_pro_cont{padding: 60px 0px;} .ny_pro_cont .content{display: flex;justify-content: space-between;} .ny_pro_cont .tab_box{width: 400px;} .ny_pro_cont .tab_box ul li{width: 252px;line-height: 60px; font-size: 16px;color: #666666;position: relative;cursor:pointer;} .ny_pro_cont .tab_box ul li.on{border-bottom: 1px solid #0043a5;font-size: 20px;color: #0043a5;font-weight: bold;} .ny_pro_cont .tab_box ul li.on::after{content: "";width:9px;height: 13px;background: url(/static/default/assets/img/ny_arrow_4.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);} .ny_pro_cont .cont_box{width: calc(100% - 400px);} .ny_pro_cont .cont_box .item{display: none;} .ny_pro_cont .cont_box .item.on{display: block;} .param_box p{margin: 5px 0px;} .param_box td,.param_box th{padding: 10px 10px;border: 1px solid #DDD; text-align:center;} blockquote { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px; } .cont_box_pic{width:auto;height:auto;overflow:hidden;} .cont_box_pic ul{display:grid;grid-template-columns: repeat(2,1fr);gap:15px} .cont_box_pic li{overflow:hidden;} .cont_box_pic li img{width:100%;height:auto;} /* 产品列表页面 */ .ny_main.flex{display: flex;justify-content: space-between;} .ny_pro_ctg{width: 480px;background: #f5f5f5;border-right: 1px solid #ebebeb;} .ny_pro_ctg .order_box{background: #fff;justify-content: center;display: flex;display:none;} .ny_pro_ctg .order_box .c_box{width: 280px;padding: 55px 0px;} .ny_pro_ctg .order_box .title_box {margin-bottom: 20px;} .ny_pro_ctg .order_box .title_box .title{font-size: 24px;color: #333333;line-height: 36px; } .ny_pro_ctg .order_box select{border:none;width: 100%;outline: none;font-size: 15px;color: #666;} .ny_pro_ctg .nav_box{display: flex;justify-content: center;} .ny_pro_ctg .nav_box .c_box{width: 280px;padding: 80px 0px;} .ny_pro_ctg .nav_box .title_box{margin-bottom: 20px;} .ny_pro_ctg .nav_box .title_box .title{font-size: 24px;line-height: 36px;color: #333333;} .ny_pro_ctg .nav_box ul li{width: 100%;height: 58px;line-height: 58px;background: #fff;margin-bottom: 10px;} .ny_pro_ctg .nav_box ul li a{display: block;width: 100%;height: 100%;position: relative;padding-left: 29px;padding-right: 58px;position: relative;box-sizing: border-box;} .ny_pro_ctg .nav_box ul li a .tit{font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_pro_ctg .nav_box ul li a::after{content: "";width: 9px;height: 13px;background: url(../images/ny_arrow_2.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 22px;transform: translateY(-50%);} .ny_pro_ctg .nav_box ul li:hover,.ny_pro_ctg .nav_box ul li.on{background-image: linear-gradient(260deg, #87b844 0%, #47b9ce 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal;} .ny_pro_ctg .nav_box ul li:hover a .tit,.ny_pro_ctg .nav_box ul li.on a .tit{color: #fff;} .ny_pro_ctg .nav_box ul li:hover a::after,.ny_pro_ctg .nav_box ul li.on a::after{background: url(../images/ny_arrow_1.png) center no-repeat;background-size: 100%;} .ny_pro_list{width:100%;overflow:hidden;height:auto;margin-top:70px;} .ny_pro_list ul { display: flex; justify-content: left; flex-wrap: wrap; _border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb;border-top: 1px solid #ebebeb;} .ny_pro_list ul li{width: 25%;position: relative;} .ny_pro_list ul li a{width: 100%;height: 100%;display: block; box-sizing: border-box;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding:15px;} .ny_pro_list ul li .pro_img{width: 100%;} .ny_pro_list ul li .con_box{padding: 10px 0 10px 30px;} .ny_pro_list ul li .con_box .type{color: #8ecc3a;font-size: 18px;margin-bottom: 6px;} .ny_pro_list ul li .con_box .title{color: #333333;font-size: 18px;} .ny_pro_list ul li .more{opacity: 0; position: absolute;top: 40px;right: 40px; width: 48px;height: 48px;line-height: 45px;text-align: center;background: #fff;border-radius: 50%;color: #c00;font-size: 33px;} .ny_pro_list ul li:hover .con_box .type{color: #fff;} .ny_pro_list ul li:hover .con_box .title{color: #fff;} .ny_pro_list ul li:hover .more{opacity: 1;} .ny_pro_list ul li:hover a{background-image: linear-gradient(260deg, #45bad8 0%, #2f75e8 100%), linear-gradient( #ffffff, #ffffff);} .ny_main .content.flex{display: flex;justify-content: space-between;padding-top: 40px;padding-bottom: 40px;} .ny_list_box{width: calc(100% - 420px);padding-right: 0;box-sizing: border-box;} .ny_news_list li{display: flex;justify-content: space-between; background: #f7f7f7;margin-bottom: 20px ;padding: 24px;} .ny_news_list li .img_box{width: 311px;height: 184px;} .ny_news_list li .img_box img{width: 100%;height: 100%;display: block;object-fit: cover;} .ny_news_list li .con_box{width: calc(100% - 311px);padding-left: 25px;box-sizing: border-box;} .ny_news_list li .con_box .time{font-size: 14px;color: #333333;opacity: 0.5;} .ny_news_list li .con_box .title{font-size: 22px;color: #333333;line-height: 36px;display: block;} .ny_news_list li .con_box .desc{font-size: 14px;line-height: 2em;color: #333;margin: 22px 0px;} .ny_news_list li .con_box .more{display: inline-block; padding-right: 26px;position: relative;font-size: 14px;color: #87b844;} .ny_news_list li .con_box .more::after{content: "";width: 18px;height: 6px;background: url(../images/in_arrow_1.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);} .newslist{width:auto;height:auto;overflow:hidden;padding:70px 0 20px 0;} .newslist ul{display:grid;grid-template-columns: repeat(2,1fr);gap:30px} .newslist li{overflow:hidden;background: #f7f7f7;padding:20px;} .newslist li .ltpic{float:left;width: 300px;height: 184px;overflow:hidden;} .newslist li .ltpic img{width: 100%;height: 100%;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;} .newslist li .lrbox{float:right;width: calc(100% - 320px);overflow:hidden;} .newslist li .lrbox .time{font-size: 15px;color: #333;opacity: 0.5;} .newslist li .lrbox .title{font-size: 24px;color: #333;line-height: 36px;display: block;} .newslist li .lrbox .desc{font-size: 15px;line-height: 180%;color: #777;padding:10px 0;} .newslist li .lrbox .more{display: inline-block; padding-right: 26px;position: relative;font-size: 14px;color: #e10000;} .newslist li .lrbox .more::after{content: "";width: 18px;height: 6px;background: url(../images/in_arrow_1.png) center no-repeat;background-size: 100%;position: absolute;top: 50%;right: 0px;transform: translateY(-50%);} .newslist li:hover .ltpic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .newslist li:hover .lrbox .title{color:#de0000;} .xwmain{padding:70px 0 30px 0;overflow:hidden;} .ns_show_tit{font-size:26px;color:#333;margin-top:70px;text-align:center;} .ns_show_dtm{background:#f7f7f7;font-size:15px;color:#666;margin:25px 0;text-align:center;line-height:40px;} .ns_show_cont{font-size:16px;color:#666;line-height:170%;padding:15px 0; min-height:360px;} /*nextup*/ .new_pre{color:#fff;width:calc(49% - 15px);float:left;background:#0250ba;padding-left:15px;overflow:hidden;line-height:50px;} .new_pre a{color:#fff;font-size:15px;} .new_pre a:hover{color:#fff} .new_next{color:#fff;float:right;width:calc(49% - 15px);background:#0250ba;padding-left:15px;overflow:hidden;line-height:50px;} .new_next a{color:#fff;font-size:15px;} .new_next a:hover{color:#fff} .new_pn{overflow:hidden;margin:30px 0;} /*nextup*/ .ny_case_list{width: 100%;} .ny_case_list ul{display:flex;justify-content: space-between;flex-wrap: wrap;} .ny_case_list ul li{width: calc(33.3333333% - 32px);} .ny_case_list ul li a{display: block;margin-bottom: 48px;} .ny_case_list ul li .img_box{height: 324px;width: 100%;overflow: hidden;} .ny_case_list ul li .img_box img{width: 100%;height: 100%;display: block;object-fit: cover;transition: all linear 320ms;} .ny_case_list ul li .img_box:hover img{transform: scale(1.05);} .ny_case_list ul li .con_box{background: #f7f7f7;padding: 32px;} .ny_case_list ul li .con_box .time{font-size: 14px;color: #333333;opacity: 0.5;} .ny_case_list ul li .con_box .title{font-size: 22px;line-height: 36px;color: #333333;} .ny_case_list ul li .con_box .more{display: inline-block; font-size: 14px;line-height: 36px;padding-right: 26px;position: relative;color: #87b844;} .ny_case_list ul li .con_box .more::after{content: "";width: 18px;height: 6px;background: url(../images/in_arrow_1.png) center no-repeat;background-size: 100%;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);} .ny_case_list ul li:hover .con_box{background-image: linear-gradient(260deg, #87b844 0%, #47b9ce 100%), linear-gradient( #f7f7f7, #f7f7f7); background-blend-mode: normal, normal;} .ny_case_list ul li:hover .con_box .time{color: #fff;} .ny_case_list ul li:hover .con_box .title{color:#fff;} .ny_case_list ul li:hover .con_box .more{color: #fff;opacity: 0.5;} .ny_case_list ul li:hover .con_box .more::after{background: url(../images/in_arrow_3.png) center no-repeat;background-size: 100%;} /* 联系我们 */ .map_box{display: flex;justify-content: space-between;align-items: center;margin-top:105px;overflow:hidden;} .map_box #allmap{width: calc(100% - 559px);height: 710px;} .contact_box{width: 559px;padding: 0px 50px;box-sizing: border-box;} .contact_box .title_box{margin-bottom: 40px;} .contact_box .title_box .title{margin-bottom: 10px;} .contact_box .title_box .desc{font-size: 16px;color: #333333;opacity: 0.5;} .contact_box .info_box{padding-left: 30px;} .contact_box .info_box .item{display: flex;justify-content: left;align-items: center;margin-bottom: 30px;} .contact_box .info_box .item .icon{margin-right: 20px;} .contact_box .info_box .item .con_box .title{font-size: 20px;color: #333333;margin-bottom: 8px;} .contact_box .info_box .item .con_box .desc{font-size: 16px;color: #999999;} .contact_box .info_box .qrcode{text-align: center;display: inline-block;} .contact_box .info_box .qrcode .tit{font-size: 16px;color: #999999;text-align: center;} .message_box .title_box{text-align: center;padding: 60px 0px;} .message_box .title_box .title{margin-bottom: 10px;} .message_box .title_box .desc{font-size: 16px;color: #333333;opacity: 0.5;} .message_box .tips{font-size: 16px;line-height: 2em;padding-bottom: 35px;border-bottom: 1px solid #e9e9e9;margin-top: 18px;margin-bottom: 30px;} .message_box .type_title{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 15px;font-weight: bold;} .message_box .el-form--inline .el-form-item{} .message_box .select{width: 100%;} .category_select .el-select{width: 100%;} .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner{border-color: #87b844!important;} .el-select .el-input__inner:focus{border-color: #87b844!important;} .el-select-dropdown__item.selected{color: #87b844!important;} .el-input.is-active .el-input__inner, .el-input__inner:focus{border-color: #87b844!important;} .el-textarea__inner:focus{border-color: #87b844!important;} .message_box{padding-bottom: 60px;} .message_box .el-input__inner{height: 52px;line-height: 52px;} .message_box .el-col{padding-right: 20px;box-sizing: border-box;} .message_box .type_title2{font-size: 16px;line-height: 24px;color: #333333;margin-top: 35px;margin-bottom: 20px;} .message_box .product_select_box{margin-bottom: 30px;display: flex;justify-content: left;flex-wrap: wrap;} .message_box .product_select_box .item{ cursor: pointer; font-size: 14px;color: #666666;margin-bottom: 10px;line-height: 48px;height: 48px;padding: 0px 45px;background: #f7f7f7;margin-right: 20px;} .message_box .product_select_box .item.on{background-image: linear-gradient(260deg, #87b844 0%, #47b9ce 100%), linear-gradient( #1e257d, #1e257d);color: #fff;} .message_box .btn_box{display: flex;justify-content: space-between;} .message_box .btn_box div{width: calc(50% - 17px);text-align: center;line-height: 70px;font-size: 22px;color: #fff;cursor: pointer;} .message_box .btn_box div.form_submit{background-image: linear-gradient(260deg, #87b844 0%, #47b9ce 100%), linear-gradient( #1e257d, #1e257d);} .message_box .code_input {box-sizing: border-box;} .message_box .code_input .el-input__inner{height: 70px;line-height: 70px;} .message_box .btn_box div.form_reset{background:#b3b3b3;} .message_box .codeImg{height: 70px;width: 140px;border-radius: 5px;} /* 新闻内页 */ .ny_news_show{width: 100%;} .about-content{padding: 20px 0px;} .ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: 1.5em; font-weight: bold; text-align: center; } .ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; } .news-author { height: auto; overflow: hidden;font-size: 14px; } .updown-div { width: 100%; line-height: 2; overflow: hidden; margin: 0 auto;margin-top: 30px; padding: 20px 0px 20px 0px;border-top: 1px solid #f0f0f0; } .updown-div a{display: block;} #newsnr { font-size: 14px; line-height: 26px; } @media screen and (max-width:1680px) { /* 头部 */ .pub_top .top_search{padding: 0px 40px;} .pub_top .top_search .search_txt{width: 280px;} .pub_top .logo{padding-left: 40px;} .in_pro .btn_box{padding-right: 20px;} .in_pro .btn_box>div{margin-bottom: 40px;} .in_pro .list_box{padding: 80px;padding-right: 20px;} .ny_ban .content .c_box {width: calc(100% - 40px);left: 50%;transform: translateX(-50%);} .ny_pro_ctg{width: 360px;} .ny_pro_list{width: calc(100% - 360px);} .ny_pro_ctg .order_box{padding: 0px 40px;} .ny_pro_ctg .order_box .c_box{width: 100%;padding: 40px 0px;} .ny_pro_ctg .nav_box{padding: 0px 40px;} .ny_pro_ctg .nav_box .c_box{width: 100%;padding: 60px 0px;} .in_about .content{padding-top: 150px;padding-bottom: 120px;} } @media screen and (max-width:1440px) { .pub_top{height: 108px;} .fixed_space{margin-top: 108px;} .pub_top .top_search{padding: 0px 20px;} .pub_top .top_search .search_txt{width: 200px;} .pub_top .nav_box>ul{padding-right: 25px;} .pub_top .logo{padding-left: 20px;} #in_pro_show .swiper-slide{padding: 40px 0px;} #in_pro_show .swiper-slide .con_box{left: 20px;} .in_pro_show .show .btn_box{right: 20px;} /* 联系我们 */ .map_box #allmap{width: 65%;} .contact_box{width: 35%;} /* 底部 */ .pub_foot .content{padding-top: 55px;padding-bottom: 55px;flex-wrap: wrap;} .pub_foot .qrcode_box{margin-bottom: 20px;} .ab_summary .tab_box .summarys{padding: 160px 40px;} .ab_summary .tab_box .tabs{padding: 0px 40px;} .ab_summary .tab_box .tabs .tab{width: calc(20% - 32px);} .in_partner{padding: 60px 0px;} .in_partner .list_box ul li { width: calc(20% - 16px); } } @media screen and (max-width:1366px) { /* 焦点图 */ .x_hhh .swiper-paginationx{bottom: 20px;} .x_hhh .swiper-slide .con_box .title{font-size: 56px;margin-bottom: 20px;} .x_hhh .swiper-slide .con_box .desc{font-size: 22px;} .in_ban .ban_mouse{bottom: 100px;} .in_pro .title_box{width: 200px;} .in_pro .list_box{width: calc(100% - 200px);} .in_pro .title_box .title{font-size: 52px;} #in_pro_swiepr .swiper-slide .con_box{ padding: 0px 20px; } #in_pro_swiepr .swiper-slide .con_box::after{right: 20px;} .in_about .content{padding-top: 120px;padding-bottom: 100px;} .in_about .content .con_box{max-width: auto;width: calc(100% - 337px);padding-right: 20px;box-sizing: border-box;} .in_about .content .more_box{flex-shrink: 0;} .in_news{padding: 80px 0px;} .in_news .news_box .hot_box{padding: 30px;} .in_news .news_box .list_box .item .img_box{width: 280px;} .in_news .news_box .list_box .item .con_box{width: calc(100% - 280px);padding-left: 20px;padding-right: 10px;} .in_partner{padding: 40px 0px;} .in_partner .title_box{margin-bottom: 25px;} /* 联系我们 */ .map_box #allmap{height: 640px;} .contact_box{width: 35%;padding: 0px 40px;} .contact_box .title_box{margin-bottom: 20px;} .contact_box .info_box .item{width: 50%; margin-bottom: 20px;box-sizing: border-box;padding-right: 15px;} .contact_box .info_box{padding-left: 0px;} .contact_box .info_box{display: flex;justify-content: left;flex-wrap: wrap;} /* 内也 */ .ny_ban .content .c_box{bottom: 60px;} .ny_ban{height: 460px;} .ny_ban .title_box .title{font-size: 42px;} .ny_ban .tool_box .search_box{width: 520px;} .ny_ban .tool_box .ny_nav ul li{height: 64px;line-height: 1;} .ny_ban .tool_box .ny_nav ul li a .title{font-size: 16px;line-height: 1.5em;} .ab_summary .info_box{padding: 60px 0px;} .ab_summary .info_box .con_box{height: 410px;overflow-y: auto;width: calc(100% - 200px);} .ab_summary .info_box .title_box{width: 200px;} .ny_case_list ul li{width: calc(33.3333333% - 22px);} .ny_case_list ul li a{margin-bottom: 40px;} .ny_case_list ul li .img_box{height: 260px;} .ny_case_list ul li .con_box{padding: 22px 20px;} .ny_case_list ul li .con_box .title{font-size: 20px;} .ny_list_box{width: calc(100% - 320px);padding-right: 35px;} .ny_news_list li .img_box{width: 260px;} .ny_news_list li .con_box{width: calc(100% - 260px);} .ny_pro_ctg{width: 320px;} .ny_pro_list{width: calc(100% - 320px);} .ny_pro_ctg .order_box{padding: 0px 30px;} .ny_pro_ctg .order_box .c_box{width: 100%;padding: 30px 0px;} .ny_pro_ctg .order_box .title_box{margin-bottom: 10px;} .ny_pro_ctg .order_box .title_box .title{font-size: 20px;} .ny_pro_ctg .nav_box{padding: 0px 30px;} .ny_pro_ctg .nav_box .c_box{width: 100%;padding: 40px 0px;} .ny_pro_ctg .nav_box .title_box .title{font-size: 20px;line-height: 1.5em;} .ny_pro_ctg .nav_box ul li a{padding-left: 20px;padding-right: 40px;} .ny_pro_ctg .nav_box ul li a .tit{font-size: 15px;} .ny_pro_list ul li .con_box{padding: 0px 30px;padding-bottom: 30px;} .ny_pro_list ul li .more{top: 20px;right: 20px;} .ny_pro_cont .tab_box{width: 300px;} .ny_pro_cont .cont_box{width: calc(100% - 300px);} .ab_summary .tab_box .summarys .summary{font-size: 32px;} .ab_summary .tab_box .tabs .tab .box .tit{font-size: 20px;} } @media screen and (max-width:1280px) { .in_title{font-size: 32px;} .pub_top .nav_box>ul>li>a{width: auto;padding: 0px 12px;} .in_about .content .con_box .data_box{ margin-top: 80px; } #in_pro_thumb .swiper-slide .box{overflow: hidden;} #in_pro_thumb{width: calc(100% - 120px);} #in_pro_thumb .swiper-slide .box .con_box{width: calc(100% - 100px); flex-shrink: 1;} #in_pro_thumb .swiper-slide .box .con_box .c_box{width: 100%;} #in_pro_thumb .swiper-slide .box img{width: 100px;} .map_box{flex-wrap: wrap;} .map_box #allmap{width: 100%;height: 480px;} .contact_box{width: 100%;padding: 30px 40px;background: #f7f7f7;} .message_box .title_box{padding: 35px 0px;} /* 新闻中心 */ /* 内也 */ .ny_ban{height: 420px;} .ny_ban .title_box{margin-bottom: 60px;} .ny_ban .title_box .title{font-size: 38px;} .ny_ban .tool_box .search_box{width: 400px;} .ab_summary .tab_box .summarys{padding: 120px 40px;} .ab_summary .tab_box .tabs{padding: 0px 20px;} .ab_summary .tab_box .tabs .tab{width: calc(20% - 20px);} .ab_honor{padding: 60px 0px;} .ab_honor .title_box .title{margin-bottom: 20px;} .ab_honor .content{flex-wrap: wrap;} .ab_honor .title_box{width: 100%;padding-right: 0px;} .ab_honor .title_box .tab_box{display: flex;justify-content: space-between;margin-bottom: 20px;} .ab_honor .title_box .tab_box .item{width: calc(33.3333333% - 15px);} .ab_honor .title_box .btn_box{margin-bottom: 20px;} .ab_honor .list_box{width: 100%;} } @media screen and (max-width:1024px) { .x_hhh .swiper-slide .con_box .title{font-size: 46px;} .in_ban .ban_mouse{bottom: 80px;} .in_pro{flex-wrap: wrap;} .in_pro .title_box{width: 100%;height: 140px;} .in_pro .title_box .title{writing-mode: initial;transform: initial;} .in_pro .list_box{width: 100%;padding: 40px 20px;} .in_about .content{padding-bottom: 80px;} .in_about .content{flex-wrap: wrap;} .in_about .content .con_box{width: 100%;} .in_about .content .con_box .data_box{margin-top: 20px;margin-bottom: 30px;} .in_about .content .more_box{width: 100%;height: auto;padding: 30px 0px;} .in_about .content .more_box .tit{margin-bottom: 40px;font-size: 32px;} .in_about .content .more_box .more{height: 50px;line-height: 50px;} .in_news{padding: 65px 0px;} .in_news .title_box{margin-bottom: 30px;} .in_news .news_box{flex-wrap: wrap;} .in_news .news_box .list_box{width: 100%;margin-bottom: 20px;} .in_news .news_box .hot_box{width: 100%;} .ny_main .content.flex{flex-wrap: wrap;} .ny_list_box{width: 100%;padding-right: 0px;} .ny_case_list ul li{width: calc(50% - 10px);} .ny_case_list ul li a{margin-bottom: 20px;} .ny_case_list ul li .img_box{height: 260px;} .ny_main.flex.products{flex-wrap: wrap;} .ny_pro_ctg{width: 100%;} .ny_pro_ctg .order_box{padding: 0px 20px;} .ny_pro_ctg .order_box .c_box{padding: 20px 0px;} .ny_pro_ctg .nav_box{padding: 0px 20px;} .ny_pro_ctg .nav_box .c_box{padding: 20px 0px;} .ny_pro_ctg .nav_box ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .ny_pro_ctg .nav_box ul li{width: calc(50% - 10px);margin-bottom: 15px;} .ny_pro_list{width: 100%;} .ny_pro_show .pro_show{flex-wrap: wrap;flex-direction: column-reverse;} .ny_pro_show .pro_show .info_box{width: 100%;} .ny_pro_show .pro_show .show_box{width: 100%;flex-wrap: wrap;margin-bottom: 30px;} #big_pro_swiper{width: 100%;margin-bottom: 30px;} #small_pro_swiper{width: 100%;height: auto;} #small_pro_swiper .swiper-slide img{height: 160px;} #big_pro_swiper .swiper-slide{padding-bottom: 0px;} .ny_pro_cont{padding: 40px 0px;} .ny_pro_cont .content{flex-wrap: wrap;} .ny_pro_cont .tab_box{width: 100%;margin-bottom: 20px;} .ny_pro_cont .tab_box ul{display: flex;justify-content: space-between;} .ny_pro_cont .tab_box ul li{width: calc(33.3333333% - 15px);} .ny_pro_cont .tab_box ul li.on{font-size: 18px;} .ny_pro_cont .cont_box{width: 100%;} .ab_summary .tab_box .tabs{flex-wrap: wrap;justify-content: center;} .ab_summary .tab_box .tabs .tab{flex: initial;width: auto;margin: 0px 10px;margin-bottom: 20px;} .in_partner .list_box ul li { width: calc(25% - 15px); } } @media screen and (max-width:900px) { .pub_foot .logo_box ul{margin-bottom: 20px;} .pub_foot .qrcode_box{width: 100%;justify-content: left;} .pub_foot .qrcode_box .item{margin: 0px;margin-right: 20px;} } @media screen and (max-width:768px) { .x_hhh .swiper-slide .con_box{_display: none;} .in_ban .ban_mouse{display: none;} #in_pro_show .swiper-slide{flex-wrap:wrap;} #in_pro_show .swiper-slide .con_box{width: 100%; position: relative;transform: initial;left: initial;text-align: center;} #in_pro_show .swiper-slide .con_box .more{margin: 0px auto;margin-top: 20px;height: 56px;line-height: 56px;} #in_pro_show .swiper-slide .con_box .type{font-size: 40px;} #in_pro_show .swiper-slide .con_box .title{font-size: 32px;} .ny_ban{height: auto;} .ny_ban .content .c_box{padding: 50px 0px; width: 100%;left: initial;bottom: initial; position: relative;transform: initial;} .ny_ban .title_box{text-align: center;margin-bottom: 50px;} .ny_ban .title_box .title{font-size: 36px;} .ny_ban .tool_box{flex-wrap: wrap;justify-content: center;} .ny_ban .tool_box .mouse{margin-bottom: 20px;} .ny_ban .tool_box .data_box{width: 100%;justify-content: space-between;} .ny_ban .tool_box .data_box .item{width: 33.33333%;text-align: center;margin: 0px;} .ny_ban .tool_box .search_box{width: 100%;} .ny_ban .tool_box .nav_box{width: 100%;} .ny_ban .tool_box .search_box{height: 58px;line-height: 58px;} .ny_ban .tool_box .search_box .ny_search_input{line-height: 56px;} .ny_ban .tool_box .search_box .ny_search_btn{width: 58px;height: 58px;} .ny_ban .tool_box .ny_nav{width:100%;} .ny_ban .tool_box .ny_nav ul{justify-content: center;} .ny_ban .tool_box .ny_nav ul li{margin: 0px 10px;} .ny_case_list ul li{width: calc(50% - 8px);} .ny_case_list ul li a{margin-bottom: 20px;} .ny_case_list ul li .img_box{height: 240px;} .ny_case_list ul li .con_box{padding: 15px;} .ny_case_list ul li .con_box .title{font-size: 18px;} .ny_pro_list ul li{width: 50%;} .in_partner .list_box ul li { width: calc(33.333333% - 10px); } .in_partner .list_box ul li a{margin-bottom:15px;} } @media screen and (max-width:640px) { .x_hhh .swiper-paginationx{bottom: 0.2rem;height: auto;} .x_hhh .swiper-slide .con_box .title{font-size: 0.42rem;margin-bottom: 0.2rem;} .x_hhh .swiper-slide .con_box .desc{font-size: 0.22rem;} .in_pro .title_box{height: 1.4rem;} .in_pro .title_box .title{font-size: 0.52rem;} .in_pro .list_box{padding: 0.4rem 0.2rem;} .in_pro .btn_box{padding-right: 0px;} .in_pro .btn_box>div{margin-bottom: 0.4rem;width: 0.4rem;height: 0.4rem;margin-left: 0.25rem;} .in_pro_show{padding-bottom: 0.6rem;} #in_pro_thumb{width: calc(100% - 1.2rem);} #in_pro_swiepr .swiper-slide .con_box{padding: 0px 0.2rem;} #in_pro_swiepr .swiper-slide .con_box .type{font-size: 0.2rem;padding-right: 0.25rem;} #in_pro_swiepr .swiper-slide .con_box .title{font-size: 0.2rem;padding-right: 0.25rem;} #in_pro_swiepr .swiper-slide .con_box::after{right: 0.2rem;font-size: 0.6rem;} #in_pro_thumb .swiper-slide .box{padding: 0.15rem 0px;} #in_pro_thumb .swiper-slide .box img{width: 0.8rem;height: 0.68rem;} #in_pro_thumb .swiper-slide .box .con_box{padding: 0px 0.15rem;width: calc(100% - 0.8rem);} #in_pro_thumb .swiper-slide .box .con_box .type{font-size: 0.18rem;} #in_pro_thumb .swiper-slide .box .con_box .title{font-size: 0.16rem;} .in_pro_show .show .btn_box .item{padding: 0.25rem 0px;} .in_pro_show .show .btn_box{right: 0rem;width: 0.86rem;} .in_pro_show .show .btn_box .item .tit{font-size: 0.16rem;} .in_pro_show .show .btn_box .item img{height: 0.32rem;} .in_pro_show .show .btn_box .item::after{width: 0.66rem;height: 0.02rem;} .in_news{padding: 0.6rem 0px;} .in_news .title_box{margin-bottom: 0.3rem;} .in_news .news_box{flex-wrap: wrap;} .in_news .news_box .list_box{width: 100%;margin-bottom: 0.2rem;} .in_news .news_box .hot_box{width: 100%;padding: 0.2rem;} .in_news .news_box .list_box .item .img_box{width: 2.4rem;height: 1.8rem;} .in_news .news_box .list_box .item .con_box{width: calc(100% - 2.4rem);padding-left: 0.2rem;padding-right: 0.2rem;} .in_news .news_box .list_box .item .con_box .time{font-size: 0.18rem;line-height: 1.5em;} .in_news .news_box .list_box .item .con_box .title{font-size: 0.24rem;line-height: 1.5em;} .in_news .news_box .list_box .item .con_box .desc{font-size: 0.18rem;line-height: 1.5em;margin-bottom: 0.2rem;} .in_news .news_box .list_box .item .con_box .more{font-size: 0.16rem;} .in_news .news_box .hot_box .title{font-size: 0.24rem;} .in_news .news_box .hot_box .desc{font-size: 0.18rem;} .in_news .news_box .hot_box .img_box{width: 100%;height: 2.2rem;margin: 0.25rem 0px;} .in_news .news_box .hot_box .img_box img{width: 100%;} .in_news .news_box .hot_box .info .time{font-size: 0.16rem;} .in_news .news_box .hot_box .info .more{font-size: 0.16rem;} .in_about .content{padding-top: 1.2rem;padding-bottom: 0.8rem;} .in_about .content .con_box>.tit{margin-bottom: 0.1rem;font-size: 0.18rem;} .in_about .content .con_box{margin-top: -0.6rem;padding-right: 0px;} .in_about .content .con_box .desc{font-size: 0.2rem;} .in_about .content .con_box .data_box .item{justify-content: space-between;} .in_about .content .con_box .data_box .item{margin: 0px;flex: 1;} .in_about .content .more_box{padding: 0.3rem 0px;} .in_about .content .more_box .tit{font-size: 0.32rem;margin-bottom: 0.4rem;} .in_about .content .more_box .more{height: 0.5rem;line-height: 0.5rem;font-size: 0.18rem;border-radius: 0.25rem;padding: 0px 0.5rem;} #in_pro_show .swiper-slide{padding: 0.4rem 0px;} #in_pro_show .swiper-slide .con_box .type{font-size: 0.4rem;margin-bottom: 0.15rem;} #in_pro_show .swiper-slide .con_box .title{font-size: 0.32rem;} #in_pro_show .swiper-slide .con_box .more{margin: 0px auto; margin-top: 0.2rem;height: 0.56rem;line-height: 0.56rem;width: auto;padding: 0px 0.6rem;font-size: 0.18rem;display: inline-block;} .in_pro_show .list .btn_prev, .in_pro_show .list .btn_next{margin: 0px;width: 0.4rem;height: 0.4rem;} .in_pro_show .list .btn_prev{margin-right: 0.2rem;} .in_pro_show .list .btn_next{margin-left: 0.2rem;} .content{padding-left: 0.2rem;padding-right: 0.2rem;} .in_title{font-size: 0.3rem;line-height: 1.5em;} .in_partner{padding: 0.4rem 0px;} .in_partner .title_box{margin-bottom: 0.25rem;} .in_partner .title_box .btn_box div{width: 0.42rem;height: 0.42rem;} .in_partner .title_box .btn_box div.btn_next{margin-left: 0.22rem;} #in_partner_swiper{height: 3rem;} .in_partner .list_box ul li { width: calc(50% - 0.1rem); } .in_partner .list_box ul li a { margin-bottom: 0.2rem; } .copyright{padding: 0px 0.2rem; padding-bottom: 0.4rem;font-size: 0.2rem;line-height: 1.5em;} .pub_foot .content{padding-top: 0.5rem;padding-bottom: 0.5rem;} .pub_foot .logo_box .logo{margin-bottom: 0.22rem;max-width: 50%;} .pub_foot .logo_box .logo img{width: 100%;} .pub_foot .info_box .item p .tel{font-size: 20px;} .pub_foot .info_box{flex-wrap: wrap;} .pub_foot .info_box .item{width: 100%;} .pub_foot .info_box .item:first-child{margin-right: 0px;} .pub_foot .logo_box ul li a{font-size: 0.2rem;} .pub_foot .qrcode_box .item .tit{font-size: 0.18rem;line-height: 1.5em;} .pub_foot .info_box .item p{font-size: 0.2rem;line-height: 1.8em;} .pub_foot .info_box .item p .tel{font-size: 0.3rem;} /* 内页 */ .ny_ban .content .c_box{padding: 0.5rem 0px;} .ny_ban .title_box{margin-bottom: 0.5rem;} .ny_ban .title_box .title{font-size: 0.36rem;margin-bottom: 0.2rem;} .ny_ban .title_box .desc{font-size: 0.22rem;} .ny_ban .tool_box .mouse{width: 0.27rem;height: 0.37rem;margin-bottom: 0.2rem;background-size: 100% 100%;} .data_box .item .number .num{font-size: 0.46rem;margin-right: 0.03rem;} .data_box .item .number .plus{font-size: 0.3rem;line-height: 2em;} .data_box .item .title{font-size: 0.2rem;line-height: 2em;} .ny_ban .tool_box .search_box{height: 0.64rem;line-height: 0.64rem;} .ny_ban .tool_box .search_box .ny_search_input{line-height: 0.64rem;padding-left: 0.25rem;padding-right: 1rem;} .ny_ban .tool_box .search_box .ny_search_btn{width: 0.64rem;height: 0.64rem;} .ny_ban .tool_box .ny_nav ul li{width: auto;padding: 0px 0.4rem; height: 0.64rem; margin: 0px 0.1rem;margin-bottom: 0.1rem;} .ny_ban .tool_box .ny_nav ul li a .title{font-size: 0.18rem;line-height: 1.3em;} .ny_ban .tool_box .ny_nav ul li a .arrow{width: 0.15rem;height: 0.09rem;display: none;} .ny_ban .tool_box .ny_nav ul li.on a .arrow{display: none;} .ny_ban .tool_box .ny_nav ul li:hover a .arrow{display: none;} .ny_main .content.flex{padding-top: 0.4rem;padding-bottom: 0.4rem;} .ab_summary{padding-bottom: 0.6rem;} .ab_summary .info_box{padding: 0.5rem 0px;flex-wrap: wrap;} .ab_summary .info_box .title_box{width: 100%;margin-bottom: 0.2rem;} .ab_summary .info_box .con_box{width: 100%;height: 4.6rem;} .ab_summary .info_box .title_box .en_title{font-size: 0.4rem;writing-mode: initial;transform: initial;} .ab_summary .info_box .title_box .title{font-size: 0.32rem;margin-bottom: 0.2rem;} .ab_summary .tab_box{padding-bottom: 0.4rem;} .ab_summary .tab_box .summarys{padding: 0.8rem 0.4rem;} .ab_summary .tab_box .summarys .summary{font-size: 0.28rem;} .ab_summary .tab_box .summarys .summary.on::after{width: 0.53rem;height: 0.26rem;} .ab_summary .tab_box .tabs{padding: 0px 0.1rem;flex-wrap: wrap;justify-content: center;} .ab_summary .tab_box .tabs .tab{width: auto;box-sizing: border-box;margin: 0px 0.1rem; margin-bottom: 0.15rem;} .ab_summary .tab_box .tabs .tab .box{height: 0.72rem;line-height: 0.70rem;padding: 0px 0.2rem;border-width:0.01rem; } .ab_summary .tab_box .tabs .tab .box .tit{font-size: 0.22rem;margin-right: 0.1rem;} .ab_summary .tab_box .tabs .tab .box .icon{height: 0.22rem;} .ab_honor{padding: 0.4rem 0px;} .ab_honor .title_box .title{margin-bottom: 0.2rem;} .ab_honor .title_box .tab_box{margin-bottom: 0.2rem;flex-wrap: wrap;} .ab_honor .title_box .btn_box{margin-bottom: 0.3rem;} .ab_honor .title_box .tab_box .item{width: 100%;padding: 0.15rem 0px;font-size: 0.2rem;} .ab_honor .title_box .tab_box .item.on{font-size: 0.22rem;} .ab_honor .title_box .btn_box div{width: 0.42rem;height: 0.42rem;} /* 联系我们 */ .contact_box{padding: 0.3rem 0.2rem;} .map_box #allmap{height: 4.8rem;} .contact_box .title_box{margin-bottom: 0.2rem;} .contact_box .title_box .title{margin-bottom: 0.1rem;} .contact_box .title_box .desc{font-size: 0.22rem;} .contact_box .info_box .item{width: 100%;margin-bottom: 0.2rem;padding-right: 0px;} .contact_box .info_box .item .icon{margin-right: 0.2rem;} .contact_box .info_box .item .con_box .title{font-size: 0.24rem;margin-bottom: 0.08rem;} .contact_box .info_box .item .con_box .desc{font-size: 0.2rem;} .contact_box .info_box .qrcode .tit{font-size: 0.2rem;} .message_box{padding-bottom: 0.6rem;} .message_box .title_box{padding: 0.35rem 0px;} .message_box .title_box .title{margin-bottom: 0.1rem;} .message_box .title_box .desc{font-size: 0.2rem;} .message_box .tips{font-size: 0.2rem;padding-bottom: 0.35rem;margin-top: 0.18rem;margin-bottom: 0.3rem;} .message_box .type_title{font-size: 0.22rem;line-height: 1.5em;margin-bottom: 0.15rem;} .message_box .el-input--suffix .el-input__inner{padding-right: 0.3rem!important;} .message_box .el-input__inner{height: 0.6rem;line-height: 0.6rem;} .message_box .el-col{padding-right: 0.2rem;} .message_box .type_title2{font-size: 0.2rem;line-height: 1.5em;margin-top: 0.3rem;margin-bottom: 0.2rem;} .message_box .product_select_box{margin-bottom: 0.3rem;} .message_box .product_select_box .item{padding: 0px 0.45rem;height: 0.5rem;line-height: 0.5rem;margin-right: 0.15rem;margin-bottom: 0.1rem;font-size: 0.18rem;} .message_box .code_input .el-input__inner{height: 0.6rem;line-height: 0.6rem;} .message_box .codeImg{width: 1.4rem;height: 0.6rem;border-radius: 0.05rem;} .message_box .btn_box div{width: calc(50% - 0.15rem);line-height: 0.6rem;font-size: 0.22rem;height: 0.6rem;} /* 新闻中心 */ .ny_news_list li{margin-bottom: 0.2rem;padding: 0.24rem;} .ny_news_list li .img_box{width: 2.4rem;height: 1.8rem;} .ny_news_list li .con_box{width: calc(100% - 2.4rem);padding-left: 0.2rem;} .ny_news_list li .con_box .time{font-size: 0.16rem;} .ny_news_list li .con_box .title{font-size: 0.22rem;line-height: 1.5em;} .ny_news_list li .con_box .desc{font-size: 0.16rem;margin: 0.15rem 0px;line-height: 1.5em;} .ny_news_list li .con_box .more{font-size: 0.16rem;} .ny_hot_box{padding: 0.2rem 0.22rem;} .ny_hot_box .title_box{margin-bottom: 0.25rem;} .ny_hot_box .title_box .en_title{font-size: 0.4rem;} .ny_hot_box .title_box .title{font-size: 0.28rem;} .ny_hot_box ul li{padding: 0.15rem;margin-bottom: 0.18rem;} .ny_hot_box ul li .title{font-size: 0.2rem;} .ny_hot_box ul li .tools .time{font-size: 0.16rem;margin-right: 0.05rem;} .ny_hot_box ul li .tools .more{font-size: 0.16rem;} .about-content{padding: 0.2rem 0px;} .ny-news-tit{font-size: 0.30rem;line-height: 1.3em;} .updown-div{margin-top: 0.3rem;padding: 0.2rem 0px;} /* 产品 */ .ny_pro_ctg .order_box{padding:0.2rem;} .ny_pro_ctg .order_box .c_box{padding: 0px;} .ny_pro_ctg .nav_box{padding:0.2rem;} .ny_pro_ctg .nav_box .c_box{padding: 0px;} .ny_pro_ctg .order_box .title_box .title{font-size: 0.24rem;} .ny_pro_ctg .nav_box .title_box .title{font-size: 0.24rem;} .ny_pro_ctg .nav_box ul li{height: 0.64rem;line-height: 0.64rem; width: calc(50% - 0.1rem);margin-bottom: 0.15rem;} .ny_pro_ctg .nav_box ul li a .tit{font-size: 0.18rem;} .ny_pro_ctg .nav_box ul li a{padding-left: 0.2rem;padding-right: 0.4rem;} .ny_pro_ctg .nav_box ul li a::after{width: 0.09rem;height: 0.14rem;} .ny_pro_list ul li .more{top: 0.2rem;right: 0.2rem;width: 0.5rem;height: 0.5rem;line-height: 0.48rem;font-size: 0.36rem;} .ny_pro_list ul li .con_box{padding: 0px 0.3rem;padding-bottom: 0.3rem;} .ny_pro_list ul li .con_box .type{font-size: 0.22rem;margin-bottom: 0.06rem;} .ny_pro_list ul li .con_box .title{font-size: 0.22rem;} .ny_pro_show .position{padding: 0.2rem 0px;font-size: 0.16rem;} #big_pro_swiper{margin-bottom: 0.3rem;} #small_pro_swiper .swiper-slide img{height: 1.4rem;} #small_pro_swiper .swiper-slide.on{border-width: 2px;} .ny_pro_show .pro_show{padding-bottom: 0.4rem;} .ny_pro_show .pro_show .show_box{margin-bottom: 0.3rem;} .ny_pro_show .pro_show .info_box .title{font-size: 0.28rem;line-height: 1em;margin-bottom: 0.25rem;} .ny_pro_show .pro_show .info_box .summary{font-size: 0.2rem;margin: 0.25rem 0px;} .ny_pro_cont{padding: 0.4rem 0px;} .ny_pro_cont .tab_box ul{flex-wrap: wrap;} .ny_pro_cont .tab_box ul li{width: 100%;line-height: 0.6rem;font-size: 0.2rem;} .ny_pro_cont .tab_box ul li.on{font-size: 0.24rem;} .ny_pro_cont .cont_box .con_detail p{font-size: 0.22rem!important;} .ny_pro_cont .cont_box .con_detail span{font-size: 0.22rem!important;} .param_box td, .param_box th,.param_box td, .param_box td{padding: 0.05rem 0.1rem;} .param_box p{margin: 0.05rem 0px;} .ny_case_list ul li{width: calc(50% - 0.1rem);} .ny_case_list ul li a{margin-bottom: 0.2rem;} .ny_case_list ul li .img_box{height: 2rem;} .ny_case_list ul li .con_box{padding: 0.15rem;} .ny_case_list ul li .con_box .time{font-size: 0.16rem;} .ny_case_list ul li .con_box .title{font-size: 0.20rem;line-height: 2em;} .ny_case_list ul li .con_box .more{font-size: 0.16rem;line-height: 1.5em;} } .vh-21{overflow:hidden;height:auto;margin-bottom:-25px;} .foot{overflow:hidden;padding: 30px 0 20px;background-size: cover;background:#121212;margin-top:1px;} .foot-c{ display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, .15);padding-bottom:20px; } .foot-c .l{padding: 62px 50px 51px 50px; border-right: 0px solid rgba(255, 255, 255, .15);} .foot-c .l .li-title{ font-size: 18px; line-height: 1; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .foot-c .l .line{ width: 16px; height: 2px; background: #FFFFFF; margin-top: 28px; margin-bottom: 31px; } .foot-c .l .li-text{ font-size: 14px; font-weight: 400; color: #FFFFFF; line-height:23px; opacity: 0.6; } .foot-c .c{ padding: 62px 100px 51px 0; border-right: 0px solid rgba(255, 255, 255, .15); } .foot-c .c ul{ display: flex; } .foot-c .c li:not(:last-child){ margin-right: 167px; } .foot-c .c li .li-title{ font-size: 18px; line-height: 1; font-family: Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .foot-c .c li .line{ width: 16px; height: 2px; background: #FFFFFF; margin-top: 28px; margin-bottom: 31px; } .foot-c .c li .li-text{ font-size: 14px; font-weight: 400; color: #FFFFFF; line-height:0.6; opacity: 0.6; } .foot-c .c li .li-text a{ color: #fff; } .foot-c .c li .li-text:hover{ opacity: 1; } .foot-c .c li .li-text:not(:last-child){ margin-bottom: 20px; } .foot-c .r{ padding-top: 59px; /* width: 344px; */ max-width: 100%; } .foot-c .r .ewm{overflow:hidden} .foot-c .r .ewm ul{display:grid;grid-template-columns: repeat(2,1fr);gap:20px} .foot-c .r .ewm li img{width:125px;height:auto;overflow:hidden;} .foot-c .r .ewm li p{color:#fff;font-size:14px;text-align:center;padding-top:8px;} .footer-b {font-size:13px;color:#fff;opacity: 0.6;text-align:center;padding-top:20px;} .ft_ewm{overflow:hidden;height:auto;} .ft_ewm li{float:left;width:170px;height:auto;margin:0 0 0 0;text-align:center;} .ft_ewm li img{width:129px;height:auto;} .ft_ewm li p{text-align:center;font-size:14px;color:#fff;padding-top:6px;} .ft_ewm li:last-child{margin-right:0px;} .yq_link{width:100%;font-size:16px;color:#028643; margin:0 auto;line-height:170%;height:auto;overflow:hidden;padding:0 200px 20px 200px;background:#242424;} .yq_link a{color:#f2f2f2;padding-right:10px;} .yq_link a:hover{color:#f2f2f2;} @media (max-width:1366px){ } @media (max-width: 768px) { .foot{padding:30px 0;margin-top:1px;height:430px;} .foot-t .l{display:none;} .foot-t .r{text-align:start;font-size:24px;color:#fff; } .foot-c{margin-top:20px;} .foot-c .l{display:none;} .foot-c .r{padding-top:20px;} .foot-c .r .text-box p{line-height: 24px;} .ft_ewm{float:left;width:auto;height:auto;overflow:hidden;padding:0 20px;margin:0 auto;} .ft_ewm li{width:calc(50% - 20px);margin:0 10px 0 10px;text-align:center;} .ft_ewm li img{width:120px;height:auto;} .ft_ewm li p{padding:6px 0;} } .copy{text-align:center;color:#fff;font-size:14px; padding:30px 0 30px 0;line-height:170%;opacity: 0.4;} .copy a{color:#fff;} .copy a:hover{color:#fff;} @media (max-width: 768px) { .copy{width:auto;line-height:140%;padding:12px 20px 40px 20px;font-size:13px;margin-bottom:40px;margin-top:0; clear:both;} } .vh100{height:60px;overflow:hidden;} .wh1670{width: 100%;margin-right: auto;margin-left: auto;} .wh1550{width: 100%;margin-right: auto;margin-left: auto;} .wh1400{width: 100%;margin-right: auto;margin-left: auto;} @media (min-width: 1400px) { .container {max-width: 1400px;} .container_nav{max-width: 1550px;} .wh1670{max-width: 1670px;} .wh1550{max-width: 1550px;} .wh1400{max-width: 1400px;} } /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/ .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;padding:25px 0 0 0;} .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6} .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6} .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff} .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6} .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1} .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem} .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem} .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1} .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem} .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem} .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center} /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/